import './sleep.css'
import Echar_shan from '../../components/Echar_shan';
import NavBar from '../../components/NavBer'

function Sleep() {


    return (
        <div className="sleep">
            <NavBar title='睡眠' />
            <div className="header">
                <p style={{marginBottom: '0.3rem'}}>昨晚睡眠
                    <span>
                        6小时50分钟
                    </span>
                </p>

                <Echar_shan />

            </div>

            <div className="main">
                <h4>夜间睡眠得分</h4>
                <div className="fen">
                    <span>77</span>
                </div>
                <h5>睡眠解读</h5>
                <p>
                    保证充足的睡眠时间，
                    才能够用充沛的精力投入工作与生活，
                    昨晚的入睡时间为23:58，有点晚，
                    建议您在11点之前休息。
                    你可以通过智能穿戴设备，
                    设置闹钟提醒。
                </p>
            </div>

        </div>
    );
}

export default Sleep;